/*重置样式*/

* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}

h1, h2, h3, h4, h5, h6 {

  font-weight: normal;

}

img {

	border: none;

	vertical-align: middle;

}

ul, ol, li {

	list-style: none;

}

input, textarea, button, span, li, a, div {

	border: none;

	outline: none;

	resize: none;

}

table {

  width: 100%;

  border-spacing: 0;

  border-collapse: collapse;

}

td,

th {

  padding: 0;

}

textarea {

  overflow: auto;

}

a, a:active, a:hover, a:visited {

	color: #1a1a1a;

	text-decoration: none;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

  display: block;

}

audio,

canvas,

progress,

video {

  display: inline-block;

  vertical-align: baseline;

}

audio:not([controls]) {

  display: none;

  height: 0;

}

[hidden],

template {

  display: none;

}



/*基础样式*/

html {

  font-size: 10px;

}

body {

  font-family: "微软雅黑", sans-serif;

  color: #000;

  font-size: 16px;

  background-color: #fff;

  overflow-x: hidden;

}

.fl {

  float: left;

}

.fr {

  float: right;

}

.clearfix {

  *zoom: 1;

}

.clearfix:before,

.clearfix:after {

  content: "";

  display: block;

  width: 0;

  height: 0;

  clear: both;

  visibility: hidden;

}

.mycol {

  margin: 0 -5px;

}

.mycol .col {

  float: left;

  padding: 0 5px;

  text-align: center;

}

.col img {

  max-width: 100%;

}

.mycol-2 .col {

  width: 50%;

}

.mycol-3 .col {

  width: 33.33333%;

}

.mycol-4 .col {

  width: 25%;

}

.mycol-5 .col {

  width: 20%;

}

.imgs-btn {

  cursor: zoom-in;

}

.center-fa {

  position: relative;

}

.center {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, 50%);

}

.centerX {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}

.centerY {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

}

.center-img {

  height: 100%;

  position: relative;

  overflow: hidden;

}

.center-img img {

  position: absolute;

  left: 50%;

  top: 50%;

  width: auto;

  max-width: none;

  min-width: 100%;

  min-height: 100%;

  transform: translate(-50%, -50%);

}

.full-img {

  width: 100%;

  height: 0;

  position: relative;

}

.full-img img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.hvr-bg-move {

  position: relative;

  overflow: hidden;

  transition: all .5s;

}

.hvr-bg-move:hover {

  box-shadow: 0 0 5px #fff inset;

}

.hvr-bg-move:after {

  content: '';

  position: absolute;

  left: -100%;

  top: 0;

  width: 0;

  height: 100%;

  background-color: #fff;

  opacity: .5;

  box-shadow: 0 0 30px #fff;

}

.hvr-bg-move:hover:after {

  left: 100%;

  width: 50%;

  transition: all .5s;

}





/*公共样式*/

.w {

  width: 1400px;

  margin: 0 auto;

}

p {

  color: #666;

  font-size: 16px;

  line-height: 25px;

  font-weight: normal;

}

.com-padding {

  padding-top: 60px;

  padding-bottom: 80px;

}

.com-bg {

  background-color: #f1f1f1;

}

.com-hover-ba:before,

.com-hover-ba:after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  transition: transform .3s;

  z-index: 2;

}

.com-hover-ba span {

  position: relative;

  z-index: 5;

}

.com-title {

  text-align: center;

  padding-bottom: 25px;

}

.com-title h3 {

  margin-bottom: 10px;

  color: #000;

  font-size: 36px;

}

.com-title p {

  color: #666;

  font-size: 16px;

}

.page-title {

  text-align: center;

}

.page-title span {

  display: block;

  height: 25px;

  color: #999;

  font-size: 16px;

}

.page-title h3 {

  height: 90px;

  color: #fff300;

  font-size: 36px;

}

.position {

  line-height: 50px;

  color: #666;

  font-size: 14px;

  background-color: #fff;

  border: 1px solid #e0e0e0;

  border-left: none;

  border-right: none;

}

.position a {

  color: #666;

}/*

.position.top {

  position: fixed;

  left: 0;

  top: 70px;

  width: 100%;

  z-index: 999;

}*/

.position .w > a:hover,

.position .fl a:hover {

  display: inline-block;

  transform: translateY(-5px);

  transition: all .3s;

}

.position .fr a {

  display: inline-block;

  margin-left: 1vw;

  position: relative;

}

.position .fr a:after {

  content: "";

  position: absolute;

  left: 15%;

  bottom: 0;

  width: 0;

  height: 6px;

  transition: all .3s;

}

.position .fr a:hover:after,

.position .fr a.active:after {

  width: 70%;

  background-color: #fff300;

}



/*公共头部*/

body {

  min-width: 1200px;

}

.header-bg {

  height: 88px;

}

.header {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 88px;

  padding: 0 3vw;

  line-height: 88px;

  transition: all .3s;

  background-color: #fff;

  z-index: 999;

}

.header .logo {

  width: 340px;

  position: relative;

}

.header .logo a {

  display: block;

  font-size: 0;

}

.header .logo img {

  height: 60px;

}

.header .logo p {

  position: absolute;

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  font-size: 16px;

  font-weight: 700;

  line-height: 20px;

}

.header .nav {

  position: relative;

  transition: all .3s;

}

.header .nav li {

  float: left;

  margin-left: 15px;

}

.header .nav li > a {

  display: block;

  width: 88px;

  color: #666;

  font-size: 16px;

  text-align: center;

  border-radius: 5px;

  position: relative;

  transition: all .3s;

}

.header .nav li > a:after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 4px;

  z-index: -1;

  transition: all .3s;

  transform: scaleX(0);

}

.header .nav li:hover > a:after,

.header .nav li.active > a:after {

  background-color: #fff300;

  transform: scaleX(1);

}

.header .phone {

  margin-left: 3vw;

  padding-left: 28px;

  background: url(../images/phone_icon01.png) left center no-repeat;

}



/*首页banner*/

.index-banner {

  width: 100%;

}

.index-banner img {

  width: 100%;

}

.index-banner .swiper-pagination-bullet {

  width: 10px;

  height: 10px;

  background-color: #fff;

  opacity: 1;

}

.index-banner .swiper-pagination-bullet-active {

  background-color: #fff300;

}

.index-banner .swiper-pagination.swiper-pagination {

  bottom: 30px;

}

.index-banner .swiper-button-next,

.index-banner .swiper-button-prev {

  width: 65px;

  height: 65px;

  border-radius: 50%;

  background: #fff;

}

.index-banner .swiper-button-next:after,

.index-banner .swiper-button-prev:after {

  content: "";

  position: absolute;

  left: 45%;

  top: 50%;

  width: 10px;

  height: 10px;

  border: 3px solid #7f7f7f;

  border-left: none;

  border-bottom: none;

  transform: translate(-50%, -50%) rotate(45deg);

}

.index-banner .swiper-button-prev:after {

  left: 55%;

  transform: translate(-50%, -50%) rotate(-135deg);

}

.index-banner .swiper-button-next:hover,

.index-banner .swiper-button-prev:hover {

  background-color: #fff300;

}

.index-banner .swiper-button-next:hover:after,

.index-banner .swiper-button-prev:hover:after {

  border-color: #fff;

}





/*首页留言*/

.index-search {

  line-height: 60px;

  border-bottom: 1px solid #f4f4f4;

}

.index-search .keys span {

  font-size: 12px;

  font-weight: 700;

}

.index-search .keys a {

  margin-right: 1.25vw;

  color: #666;

  font-size: 12px;

}

.index-search .main {

  line-height: 1;

  padding-top: 14px;

}

.index-search .key {

  width: 200px;

  padding: 0 10px;

  line-height: 35px;

  border: 1px solid #333;

  vertical-align: top

}

.index-search .sub {

  width: 37px;

  height: 37px;

  margin-left: -5px;

  border: 1px solid #333;

  background: url(../images/search_icon01.png) center no-repeat;

  background-color: #333;

  cursor: pointer;

}



/*首页产品*/

.index-nav {

  text-align: center;

  margin-bottom: 30px;

}

.index-nav a {

  display: inline-block;

  padding: 0 1.5vw;

  line-height: 40px;

  margin: 0 2px;

  color: #fff;

  font-size: 14px;

  font-weight: 700;

  position: relative;

}

.index-nav a:before,

.index-nav a:after {

  transform: scaleY(1) skew(-15deg);

  background-color: #333;

}

.index-nav a:before {

  background-color: #fff300;

  z-index: 1;

}

.index-nav a:hover:after {

  transform: scaleY(0) skew(-15deg);

}

.index-nav a:hover,

.index-nav a.active {

  color: #333;

}

.index-nav a.active:before {

  z-index: 3;

}

.index-nav a.active:after {

  display: none;

}



.index-product .content {

  display: none;

}

.index-product .content.active {

  display: block;

}

.index-product li a {

  display: block;

}

.index-product li .img {

  height: 0;

  padding-bottom: 100%;

  position: relative;

}

.index-product li img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.index-product li h4 {

  height: 60px;

  line-height: 60px;

  overflow: hidden;

  transition: all .3s;

}

.index-product li a:hover h4 {

  position: relative;

  transform: translateY(-300%);

  color: #fff;

  background-color: rgba(0,0,0,.6);

}



/*首页服务*/

.index-service {

  padding-bottom: 0;

  background: url(../images/index_bg01.jpg) top center no-repeat;

  background-size: cover;

}

.index-service .w {

  width: 960px;

}

.index-service .com-title h3 {

  color: #fff;

}

.index-service .com-title p {

  margin-bottom: 80px;

  color: #fff;

  opacity: .6;

}

.index-service .main {

  margin: 0 -50px;

}

.index-service .main ul {

  width: 50%;

  padding: 0 50px;

}

.index-service .main li {

  height: 75px;

  margin-bottom: 15px;

  position: relative;

  border: 1px solid #fff300;

}

.index-service .main span {

  position: absolute;

  left: 0;

  top: 0;

  width: 75px;

  height: 100%;

  line-height: 75px;

  text-align: center;

  font-size: 34px;

  font-weight: 700;

  background-color: #fff300;

}

.index-service .main .txt {

  position: absolute;

  padding-left: 95px;

  top: 50%;

  width: 100%;

  transform: translateY(-50%);

}

.index-service .main h4 {

  color: #fff;

  font-size: 18px;

}

.index-service .main h5 {

  height: 42px;

  position: relative;

}

.index-service .main p {

  position: absolute;

  top: 50%;

  width: 100%;

  transform: translateY(-50%);

  color: #fff;

  font-size: 14px;

  line-height: 18px;

  opacity: .8;

}

.index-service .other {

  margin-top: 100px;

  background: rgba(0,0,0,.4);

}

.index-service .other ul {

  border-left: 1px solid #5d5d5d;

}

.index-service .other li {

  height: 150px;

  padding-top: 30px;

  border-right: 1px solid #5d5d5d;

}

.index-service .other .img {

  height: 70px;

  overflow: hidden;

}

.index-service .other img {

  transform: translateY(-60%);

  transition: all .3s;

}

.index-service .other li:hover img {

  transform: translateY(0);

}

.index-service .other .txt {

  height: 25px;

  overflow: hidden;

}

.index-service .other p {

  color: #fff;

  font-size: 18px;

  transition: all .3s;

}

.index-service .other p:last-child {

  color: #fff300;

}

.index-service .other li:hover p {

  transform: translateY(-100%);

}



/*首页解决方案*/

.index-process {

  background: url(../images/index_bg02.jpg) top center no-repeat;

  background-size: cover;

}

.index-process .main {

  padding-top: 40px;

  margin: 0 -25px;

}

.index-process li {

  float: left;

  width: 12.5%;

  padding: 0 25px;

  position: relative;

  text-align: center;

}

.index-process li span {

  display: block;

  position: absolute;

  left: 25px;

  top: 10px;

  width: 30px;

  height: 30px;

  line-height: 30px;

  border-radius: 50%;

  color: #0b0b0b;

  font-size: 14px;

  font-weight: 700;

  background-color: #fff300;

  z-index: 2;

  transition: all .3s;

}

.index-process li .txt {

  height: 0;

  padding-bottom: 100%;

  position: relative;

  background-color: #fff;

  border-radius: 50%;

  transition: all .3s;

}

.index-process li:hover .txt {

  background-color: #fff300;

}

.index-process li .txt:after {

  content: '';

  position: absolute;

  top: 50%;

  right: -30px;

  width: 10px;

  height: 10px;

  border: 3px solid #8e8e8e;

  border-left: none;

  border-bottom: none;

  transform: rotate(45deg);

}

.index-process li:nth-child(8) .txt:after {

  display: none;

}

.index-process li h4 {

  position: absolute;

  left: 0;

  top: 50%;

  width: 100%;

  transform: translateY(-50%);

  color: #333;

  font-size: 24px;

}

.index-process li p {

  margin: 15px -15px 0;

  color: #666;

  font-size: 14px;

}



/*首页合作伙伴*/

.index-partner .main {

  padding: 0 80px;

  position: relative;

}

.index-partner .main li {

  height: 90px;

  line-height: 75px;

  text-align: center;

  border: 1px solid #e5e5e5;

}

.index-partner .main li img {

  max-width: 90%;

  max-height: 90%;

}

.index-partner .swiper-button-next,

.index-partner .swiper-button-prev {

  width: 20px;

  height: 20px;

  margin-top: -10px;

  background: none;

  border: 4px solid #fff300;

  border-right: none;

  border-bottom: none;

  transform: rotate(-45deg);

}

.index-partner .swiper-button-next {

  transform: rotate(135deg);

}





/*首页关于*/

.index-about .img {

  height: 520px;

  position: relative;

}
.index-about .img:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .1;
}

.index-about .img a {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  z-index: 2;
}
.index-about .img a img {
  display: block;
  margin: 0 auto;
  position: static;
  min-width: 0;
  min-height: 0;
  transform: none;
}

.index-about .txt {

  padding: 50px 5vw 0;

  text-align: left;

}

.index-about .title h3 {

  margin-bottom: 10px;

  color: #333;

  font-size: 36px;

}

.index-about .title p {

  margin-bottom: 20px;

  color: #333;

  font-size: 24px;

}

.index-about .content {

  color: #666;

  font-size: 16px;

  line-height: 30px;

  text-align: justify;

}

.index-about .main {

  height: 120px;

  padding: 0 70px;

  margin-top: 40px;

  margin-left: -8vw;

  margin-right: -5vw;

  line-height: 120px;

  background: #fff300;

  position: relative;

  z-index: 2;

}

.index-about .main li a {

  display: inline-block;

  width: 100%;

  height: 35px;

  line-height: 35px;

  color: #000;

  font-size: 16px;

  border-right: 1px solid #000;

  position: relative;

}

.index-about .main li:last-child a {

  border: none;

}

.index-about .main li a:after {

  content: '';

  position: absolute;

  left: 50%;

  top: 50%;

  width: 16px;

  height: 16px;

  margin-left: 40px;

  border-radius: 50%;

  background-color: #000;

  transform: translateY(-40%);

  transition: all .3s;

}

.index-about .main li a:before {

  content: '';

  position: absolute;

  left: 50%;

  top: 50%;

  width: 5px;

  height: 5px;

  margin-left: 41px;

  border: 2px solid #fff300;

  border-left: none;

  border-bottom: none;

  transform: rotate(45deg) translateY(-45%);

  z-index: 1;

  transition: all .3s;

}

.index-about .main li:hover a:after {

  margin-left: 50px;

}

.index-about .main li:hover a:before {

  margin-left: 51px;

}



/*首页研发力量*/

.index-power .w {

  position: relative;

}

.index-power .com-title {

  text-align: left;

  position: absolute;

  width: 45%;

  left: 0;

  top: 50%;

  padding-right: 7vw;

  transform: translateY(-50%);

}

.index-power .com-title h3 {

  margin-bottom: 35px;

}

.index-power .com-title p {

  margin-bottom: 55px;

}

.index-power .com-title a {

  color: #fff300;

  font-size: 16px;

}

.index-power .img {

  width: 55%;

}

.index-power img {

  width: 100%;

}





/*首页新闻*/

.index-news {

  background-color: #f4f4f4;

}

.index-news .com-title {

  text-align: left;

}



.index-news .main {

  margin-top: 20px;

  position: relative;

}

.index-news .main .item {

  display: none;

}

.index-news .main .item.active {

  display: block;

}

.index-news .main .mycol {

  margin: 0 -10px;

}

.index-news .main li.col {

  padding: 0 10px;

  margin-bottom: 15px;

  text-align: left;

  height: 255px;

}

.index-news .main .img {

  width: 50%;

  height: 100%;

  overflow: hidden;

}

.index-news .main img {

  transition: all .3s;

}

.index-news .main li:hover img {

  transform: translate(-50%, -50%) scale(1.04);

}

.index-news .main .txt {

  width: 50%;

  height: 100%;

  padding: 2vw 10px 0 2vw;

  border: 1px solid #9b9b9b;

}

.index-news li h4 {

  margin-bottom: 25px;

  font-size: 16px;

  height: 20px;

  font-weight: 700;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.index-news li .con {

  margin-bottom: 20px;

  height: 100px;

  color: #666;

  font-size: 14px;

  line-height: 20px;

  overflow: hidden;

}

.index-news li a.more {

  color: #000;

  font-size: 14px;

  font-weight: 700;

}



/*内页banner*/

.banner {

  width: 100%;

  overflow: hidden;

}

.banner,

.banner img {

  width: 100%;

  transition: all 1s;

}

.banner img:hover {

  transform: scale(1.02);

}

.banner .w {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: 0;

  height: 100%;

}

.banner .w img {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: auto;

  height: auto;

}



/*产品列表*/



/*内页分类*/

.com-cate {

    position: relative;

    width: 100%;

    height: 60px;

    text-align: center;

    border-top: 1px solid #e2e2e2;

    border-bottom: 1px solid #e2e2e2;

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);

    font-size: 0;

}

/*.com-cate.top {

  position: fixed;

  left: 0;

  top: 88px;

  background-color: #fff;

  z-index: 998;

}*/



.solution-cate {

    border-bottom: none;

}



.com-cate li {

    position: relative;

    display: inline-block;

    height: 60px;

}



.com-cate li>a {

    display: inline-block;

    padding: 0 .8vw;

    font-size: 16px;

    color: #666;

    line-height: 60px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.com-cate li:hover>a,

.com-cate li.on>a {

    color: #000;

    background-color: #fff300;

}



.com-cate li .caret>a .caret {

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.com-cate li:hover>a .caret {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}



.com-cate li .sub-cate {

    position: absolute;

    left: 0;

    top: 100px;

    z-index: 10;

    background: #fff;

    padding-top: 12px;

    padding-bottom: 12px;

    width: 100%;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    visibility: hidden;

    opacity: 0;

    -webkit-transition: .4s;

    -o-transition: .4s;

    transition: .4s;

}



.com-cate li .sub-cate:before {

    position: absolute;

    display: inline-block;

    top: -8px;

    left: 50%;

    margin-left: -11px;

    width: 0;

    height: 0px;

    content: '';

    border-style: solid;

    border-width: 9px;

    border-color: #fff #fff transparent transparent;

    transform: rotate(-45deg);

    box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.1);

}



.com-cate li .sub-cate a {

    display: block;

    font-size: 16px;

    color: #475470;

    line-height: 45px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}



.com-cate li .sub-cate a:hover {

    color: #fff;

    background-color: #fff300;

}



.com-cate li:hover .sub-cate {

    visibility: visible;

    opacity: 1;

    top: 72px;

}



.product h4 {

    margin: 0 0 30px;

    font-size: 36px;

    text-align: center;

}

.cwd-product-list li {

    text-align: center;

    margin-bottom: 30px;

}





.cwd-product-list li .box .pic {

    height: 0;

    width: 100%;

    padding-bottom: 72%;

    font-size: 0;

    border: 1px solid #ddd;

    overflow: hidden;

    background: #fff;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    position: relative;

}



.cwd-product-list li .box .pic img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



.cwd-product-list li .box:hover .pic {

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

}



.cwd-product-list li .box h5 {

    padding: 10px 0;

    font-size: 16px;

    transition: all .3s;

}

.cwd-product-list li:hover .box h5 {

  position: relative;

  transform: translateY(-300%);

  color: #fff;

  background-color: rgba(0,0,0,.6);

}



/*案例列表*/

.cwd-case-list li .box .pic {

    height: 20vw;

    width: 100%;

    min-height: 300px;

    line-height: 16vw;

    position: relative;

}



.cwd-case-list li .box.box img {

    width: 100%;

    height: 100%;

    max-height: 100%;

}



.cwd-case-list li .txt {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    padding-top: 5vw;

    padding-left: 5vw;

    color: #fff;

    font-size: 16px;

    line-height: 2;

    z-index: 1;

    transform: translateY(-100%);

    transition: transform .3s;

}



.cwd-case-list li:hover .txt {

    transform: translateY(0);

}



.cwd-case-list li .txt:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .6);

    z-index: -1;

}



.cwd-case-list li .txt p {

    width: 80%;

}

/*案例详情*/

.case-container {

    padding-top: 100px;

    padding-bottom: 80px;

}



.case-show-left {

    float: left;

    width: 75%;

    padding-right: 30px;

}



.case-show-cont {

    width: 100%;

    background: #fff;

    border: 1px solid #ddd;

}



.case-show-left .case-title {

    padding: 40px 50px;

    padding-bottom: 30px;

}



.case-show-left .case-title h2 {

    font-size: 32px;

    color: #475470;

    padding-bottom: 15px;

    font-weight: normal;

    line-height: 1.3;

}



.case-show-left .case-title p {

    font-size: 14px;

    color: #6b6b6b;

    padding-bottom: 28px;

    border-bottom: 1px solid #ddd;

}



.case-show-left .case-title p a {

    color: #6b6b6b;

}



.case-show-left .case-views {

    margin: 40px 50px 20px;

    margin-top: 0;

    font-size: 16px;

    min-height: 600px;

    color: #666;

    line-height: 1.75;

    overflow: hidden;

}



.case-show-left .case-views table {

    width: 100% !important;

    border: none;

}



#textstyle_1 {

    font-family: "微软雅黑" !important;

    line-height: 1.75 !important;

    font-size: 16px !important;

    /*text-indent: 0!important;*/

}



.case-show-left .case-views img {

    max-width: 100% !important;

}



.case-show-left .case-views p {

    margin-bottom: 5px !important;

    font-size: 16px !important;

    font-family: "微软雅黑" !important;

    line-height: 1.75 !important;

    background: transparent !important;

}



.case-show-left .case-views span {

    font-size: 16px !important;

}



.case-show-left .case-other {

    padding: 20px 15px;

    border-top: 1px #f1f1f1 solid;

}



.case-show-left .case-other p {

    display: block;

    height: 40px;

    line-height: 40px;

    padding-left: 3px;

}



.case-show-left .case-other p a {

    font-size: 14px;

    color: #333;

}



.case-show-left .case-other p a:hover {

    color: #a1272d;

}



.case-show-left .share-bar {

    padding: 20px 40px;

}



.case-show-left .share-bar .fl {

    position: relative;

    top: -3px;

}



.case-show-right {

    float: right;

    width: 25%;

}



.case-show-right h3 {

    text-align: center;

    font-size: 22px;

    margin-bottom: 30px;

}



.case-show-right dl {

    display: block;

    margin-top: 0;

    margin-bottom: 20px;

    background: #fff;

    border: 1px solid #ddd;

}



.case-show-right dl dt {

    display: block;

    height: 50px;

    line-height: 50px;

    position: relative;

    border-bottom: 1px #f1f1f1 solid;

}



.case-show-right dl.tab dt {

    height: 50px;

    line-height: 50px;

    color: #1d1d1d;

    font-size: 18px;

    padding-left: 20px;

}



.case-show-right dl.tab dd {

    position: relative;

}



.case-show-right dl.tab dd ul {

    display: block;

    padding: 0 20px;

}



.case-show-right dl.tab dd ul li {

    display: block;

    padding: 10px 0 10px;

    border-bottom: 1px #f1f1f1 solid;

}



.case-show-right dl.tab dd ul li .pic {

    margin-right: 20px;

    width: 60px;

    height: 60px;

    overflow: hidden;

    position: relative;

}



.case-show-right dl.tab dd ul li h5 {

    padding-top: 4px;

    padding-bottom: 10px;

    font-size: 14px;

    color: #666;

    display: block;

    line-height: 20px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.case-show-right dl.tab dd ul li h5 a {

    color: #333;

}



.case-show-right dl.tab dd ul li h5 a:hover {

    color: #a1272d;

}



.case-show-right dl.tab dd ul li .case-cate {

    color: #999;

}



.case-show-right dl.tab dd ul li i {

    float: left;

    font-size: 12px;

    color: #999;

}



.case-show-right dl.tab dd ul li em {

    float: right;

    padding-left: 25px;

    font-size: 12px;

    color: #999;

    /* background: url(../images/eye.png) no-repeat left center; */

    font-style: normal;

}



.case-show-right dl.tab dd .more {

    color: #333;

    height: 45px;

    line-height: 45px;

    border-top: 1px #f1f1f1 solid;

    position: relative;

    top: -1px;

    text-align: center;

}



.case-show-right dl.tab dd .more a {

    display: inline-block;

    position: relative;

    color: #333;

}



.case-show-right dl.tab dd .more a b {

    margin-left: 5px;

    -webkit-transition: transform .3s;

    -o-transition: transform .3s;

    transition: transform .3s;

}



.case-show-right dl.tab dd .more a:hover b {

    -webkit-transform: translateX(5px);

    -ms-transform: translateX(5px);

    -o-transform: translateX(5px);

    transform: translateX(5px);

}



.case-show-right dl.tab dd .more a:hover {

    color: #a1272d;

}



.case-show-right dl.list dt {

    padding-left: 20px;

    color: #333;

    font-size: 18px;

}



.case-show-right dl.tab dt a {

    width: 33%;

    height: 42px;

    line-height: 42px;

    text-align: center;

    display: table-cell;

    color: #009A62;

    font-size: 18px;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



.case-show-right dl.list dt a b {

    width: 15px;

    height: 15px;

    overflow: hidden;

    display: inline-block;

    vertical-align: middle;

    background-position: 0 -64px;

    margin-left: 2px;

    position: relative;

    top: -1px;

}



.case-show-right dl.list dd ul {

    display: block;

    padding: 20px;

}



.case-show-right dl.list dd ul li {

    padding-bottom: 12px;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.case-show-right dl.list dd ul li a {

    position: relative;

    padding-left: 10px;

    display: inline-block;

    color: #666;

    font-size: 14px;

    -webkit-transition: .2s;

    -o-transition: .2s;

    transition: .2s;

}



.case-show-right dl.list dd ul li:before {

    content: "·";

    color: #666;

}



.case-show-right dl.list dd ul li a:hover {

    color: #a1272d;

}



.case-page-other {

    margin-top: 20px;

    border: 1px solid #ddd;

    padding: 20px 40px;

    background: #fff;

}



.case-page-other p {

    line-height: 26px;

    font-size: 14px;

    color: #949494;

}



.case-page-other p a {

    color: #6b6b6b;

}



.case-page-other p a:hover {

    color: #a1262d;

}



.case-page-other .p-prev {

    margin-bottom: 10px;

}



.case-page-other .com-back-btn {

    margin-top: 9px;

}



.case-tj-tit {

    font-size: 16px;

}



.case-tj-list li {

    margin-bottom: 16px;

    border: 1px solid #ddd;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    padding: 20px;

}



.case-tj-list li:hover {

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

}



.case-tj-list li .box {

    background: #fff;

}



.case-tj-list li .box img {

    max-width: 100%;

}



.case-tj-list li .box h5 {

    margin-top: 16px;

    font-size: 16px;

    color: #475470;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.case-tj-list li:hover .box h5 {

    color: #fff300;

}



.case-tj-list li .box .more {

    display: block;

    margin-top: 20px;

    font-size: 16px;

    color: #fff300;

}





.com-back-btn {

    width: 160px;

    height: 42px;

    line-height: 42px;

    font-size: 20px;

    color: #fff;

    background: #fff300;

    text-align: center;

    border-radius: 3px;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.com-back-btn:hover {

    opacity: .9;

    color: #fff;

}





/*优势*/

.advantage {

  padding-bottom: 150px;

  background-color: #f5f5f5;

}

.advantage-main {

  margin-top: 30px;

  background-color: #fff;

}

.advantage-main li div {

  width: 50%;

  height: 360px;

}

.advantage-main li div:last-child {

  padding: 70px 110px 0 80px;

}

.advantage-main li:nth-of-type(odd) div {

  float: left;

}

.advantage-main li:nth-of-type(even) div {

  float: right;

}

.advantage-main li img {

  width: 100%;

  height: 100%;

}

.advantage-main li h4 {

  font-size: 28px;

  color: rgb( 31, 28, 28);

  height: 66px;

}

.advantage-main li h4 span {

  color: #fff300;

}

.advantage-main li p {

  font-size: 16px;

  color: rgb( 102, 102, 102);

  line-height: 30px;

}

.advantage-consult {

  margin: 0 auto;

  width: 615px;

  height: 62px;

  background-color: #f5f5f5;

  margin-top: 70px;

}

.advantage-consult .icon {

  font-size: 16px;

  font-weight: 700;

  line-height: 18px;

  height: 45px;

  color: #666;

  padding-left: 40px;

  padding-top: 5px;

  background: url(../images/icon_phone.png) left center no-repeat;

  -webkit-background-size: 30px 30px;

  background-size: 30px 30px;

}

.advantage-consult .phone {

  font-size: 30.715px;

  color: rgb( 51, 50, 58);

  font-weight: 700;

  padding-left: 25px;

  height: 45px;

  line-height: 45px;

}

.advantage-consult a {

  width: 200px;

  height: 45px;

  border-radius: 45px;

  background-color: #fff300;

  font-size: 24px;

  color: #333;

  text-align: center;

  line-height: 45px;

}







/*内页导航*/

.page-nav {

  height: 60px;

  line-height: 60px;

  overflow: hidden;

  font-size: 0;

  border-bottom: 1px solid #f5f5f5;

  background-color: #fff;

}

.page-nav.top {

  position: fixed;

  top: 70px;

  left: 0;

  width: 100%;

  border-top: 1px solid #f5f5f5;

  z-index: 998;

}

.page-nav a {

  display: inline-block;

  padding: 0 20px;

  color: #666;

  font-size: 16px;

  position: relative;

  z-index: 1;

}

.page-nav a:hover {

  color: #fff;

}

.page-nav a:after {

  transform: scaleX(0);

  transform-origin: right;

  background: #fff300;

}

.page-nav a:hover:after {

  transform: scaleX(1);

  transform-origin: left;

}

.page-nav a.active {

  color: #fff;

  background-color: #fff300;

}

/*内页列表分页*/



/* ====== 分页 ====== */

.paging {

    margin-top: 50px;

    text-align: center

}



.paging label {

    display: none;

}



.paging a,

.paging span {

    display: inline-block;

    margin: 0 5px;

    width: 36px;

    height: 36px;

    line-height: 34px;

    color: #333;

    font-size: 14px;

    -webkit-transition: .2s;

    -moz-transition: .2s;

    transition: .2s;

    border: 1px solid #475470;

    background: #475470;

    border-radius: 5px;

}

.paging a {

  color: #fff;

}



.paging .prev,

.paging .prev_disabled,

.paging .next,

.paging .next_disabled {

    color: #fff;

    border: 1px solid #475470;

}



.paging .pre:hover,

.paging .next:hover {

    background-color: #fff300;

    color: #333;

    border-color: #fff300;

}



.paging .current,

.paging a:hover {

    background-color: #fff300;

    color: #333;

    border-color: #fff300;

}



.paging a.prev:before,

.paging a.prev_disabled:before {

    content: "<";

}



.paging a.next:before,

.paging a.next_disabled:before {

    content: ">";

}





/*新闻*/

.news {

}

.news li {

  margin-bottom: 25px;

  background-color: #f7f7f7;

}

.news li a {

  display: block;

}

.news li .img {

  width: 450px;

  height: 270px;

  overflow: hidden;

}

.news li img {

  width: 100%;

  height: 100%;

  transition: all .3s;

}

.news li:hover img {

  transform: scale(1.02);

}

.news li .txt {

  width: calc(100% - 450px);

  padding: 2vw 4.5vw 0;

  position: relative;

  transition: all .4s;

}

.news li:hover .txt {

  transform: translateX(10px);

}

.news li .date {

  margin-bottom: 30px;

  color: #666;

  font-size: 18px;

}

.news li h4 {

  margin-bottom: 15px;

  color: #333;

  font-size: 24px;

  overflow: hidden;

  transition: all .4s;

}

.news li:hover h4 {

  color: #000;

}

.news li p {

  color: #666;

  font-size: 14px;

  line-height: 25px;

}





/*关于*/



/*关于*/

.content-title {

    text-align: center;

    margin-bottom: 40px;

}



.content-title h3 {

    font-size: 36px;

    color: #333333;

    margin-bottom: 15px;

}



.content-title p {

    color: #666666;

    font-size: 18px;

}



.index-about-container {

    width: 100%;

    padding-top: 70px;

    /*background-image: url("../images/aboutbg.jpg");*/

    background-color: #f5f5f5;

}


.index-about-container .img {
  position: relative;
}

.index-about-container .img:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .1;
}

.index-about-container img {

    width: 100%;

}
.index-about-container .img a {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  z-index: 2;
}
.index-about-container .img a img {
  display: block;
  margin: 0 auto;
  position: static;
  width: auto;
  min-width: 0;
  min-height: 0;
  transform: none;
}



.index-about-container .about-caption p {

    font-size: 16px;

    line-height: 30px;

}





.index-about-container .about-caption {

    text-align: center;

    padding-top: 50px;

}



.about-item {

    padding: 30px 0;

    text-align: center;

}



.about-item .com-title {

    margin-bottom: 30px;

}



.about-item .wrap {

    position: relative;

    padding-bottom: 30px;

}



.about-item .swiper-pagination {

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

}



.about-item .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    margin: 0 5px;

    background-color: #ccc;

    opacity: .6;

}



.about-research .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    background-color: #fff300;

    opacity: 1;

}



.about-research .swiper-pagination {

    bottom: 10px;

    transform: none;

}



.about-research .swiper-pagination-bullet {

    width: 15px;

    height: 15px;

    background-color: #fff;

    opacity: 1;

}



.about-item .swiper-pagination-bullet-active {

    background-color: #fff300;

    opacity: 1;

}





.about-item img {

    max-width: 100%;

    max-height: 100%;

}



.about-item li {

}



.about-research li {

    height: 30vw;

}



.about-research li img {

    width: 100%;

    height: 100%;

    max-height: 100%;

}



.about-partner li {

    height: 6.25vw;

    line-height: 6.25vw;

    min-height: 75px;

    text-align: center;

}



.about-honor li {

}

.about-honor img {

    cursor: zoom-in;

}



.about-team {

    padding-bottom: 80px;

    text-align: center;

}



.about-team li {

    padding-top: 20px;

}



.about-team li .img {

  position: relative;

  width: 100%;

  height: 0;

  padding-bottom: 70%;

}

.about-team li img {

  position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}



.about-team li p {

    height: 50px;

    font-size: 20px;

    line-height: 50px;

    text-align: center;

}





/**/

.res-partner .title {

  margin-bottom: 40px;

  color: #666;

  font-size: 16px;

  line-height: 30px;

  text-align: center;

}

.res-partner .main {

  padding: 0 75px;

  position: relative;

}

.res-partner li {

  height: 265px;

  line-height: 265px;

  text-align: center;

  border: 1px solid #ccc;

}

.res-partner li img {

  max-width: 90%;

  max-height: 90%;

}

.res-partner .swiper-button-next,

.res-partner .swiper-button-prev {

  width: 25px;

  height: 25px;

  background: none;

  border: 6px solid #ccc;

  border-top: none;

  border-right: none;

  transform: rotate(45deg);

}

.res-partner .swiper-button-next:hover,

.res-partner .swiper-button-prev:hover {

  border-color: #fff300;

}

.res-partner .swiper-button-next {

  transform: rotate(-135deg);

}

/**/

.res-input {

  background: #f4f4f4;

}

.res-input .img {

  width: 50%;

  text-align: center;

}

.res-input img {

  max-width: 90%;

}

.res-input .txt {

  width: 50%;

  padding: 30px 3vw;

}

.res-input h4 {

  margin-bottom: 30px;

  line-height: 50px;

  color: #fff300;

  font-size: 36px;

}

.res-input p {

  color: #666;

  font-size: 16px;

  line-height: 30px;

  text-align: justify;

}



/**/

.res-team .title {

  margin-bottom: 20px;

  color: #666;

  font-size: 16px;

  line-height: 30px;

  text-align: center;

}

.res-team .swiper-container {

  padding: 30px 20px 90px;

}

.res-team li {

  border: 2px solid #fff;

  opacity: .8;

}

.res-team .swiper-slide-active {

  box-shadow: 0 0 20px #999;

  opacity: 1;

}

.res-team li img {

  width: 100%;

}

.res-team .swiper-scrollbar-drag {

  background: #425cb7;

}

/**/

.res-honor .txt {

  width: 50%;

  padding-right: 7.5vw;

}

.res-honor .txt h4 {

  margin-bottom: 20px;

  line-height: 50px;

  color: #fff300;

  font-size: 36px;

}

.res-honor .txt p {

  color: #666;

  font-size: 16px;

  line-height: 30px;

}

.res-honor .txt a {

  display: block;

  width: 135px;

  height: 40px;

  line-height: 40px;

  margin-top: 60px;

  text-align: center;

  color: #fff;

  font-size: 16px;

  background: #fff300;

}

.res-honor .main {

  width: 42%;

}

.res-honor ul {

  padding-bottom: 30px;

}

.res-honor li .img {

  height: 335px;

  line-height: 335px;

  text-align: center;

  border: 1px solid #ccc;

}

.res-honor li img {

  max-width: 90%;

  max-height: 90%;

}

.res-honor li p {

  color: #666;

  font-size: 16px;

  line-height: 50px;

  text-align: center;

}

.res-honor .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background: #999;

  opacity: 1;

}

.res-honor .swiper-pagination-bullet-active {

  background: #425cb7;

}



/**/

.res-process {

  background: #f4f4f4;

}

.res-process .main {

  margin-top: 20px;

}

.res-process .nav {

  width: 260px;

}

.res-process .nav h4 {

  height: 66px;

  line-height: 66px;

  color: #666;

  font-size: 16px;

  text-align: center;

  border-bottom: 1px solid #f4f4f4;

  background-color: #fff;

  cursor: pointer;

}

.res-process .nav h4.active {

  color: #fff;

  background: #425cb7;

  border: none;

}

.res-process .con {

  width: calc(100% - 315px);

  min-height: 320px;

  padding-left: 2.5vw;

  border-left: 1px solid #ababab;

  color: #666;

  font-size: 16px;

  line-height: 35px;

}

.res-process .item {

  display: none;

}

.res-process .item.active {

  display: block;

}





/*联系我们*/

.bg-map {

    background: url(../images/bg-map.jpg) no-repeat center top #f5f5f5;

}



.cwd-contact .contact-tit {

    position: relative;

    padding-bottom: 20px;

    font-size: 24px;

    color: #475470;

    margin-bottom: 45px;

}



.cwd-contact .contact-tit:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 30px;

    border-bottom: 3px solid #475470;

}



.cwd-contact .contact-pic {

    width: 60%;

}



.cwd-contact .contact-pic img {

    width: 100%;

}



.cwd-contact .qr-code {

    padding-top: 70px;

}



.cwd-contact .qr-code li {

    float: left;

    margin-left: 100px;

    text-align: center;

    font-size: 18px;

    color: #282a2c;

}



.cwd-contact .qr-code li img {

    border: 1px solid #dedede;

    margin-bottom: 10px;

}



.cwd-map {

  height: 500px;

  overflow: hidden;

  padding-bottom: 0;

  position: relative;

}

.cwd-map img {

  position: absolute;

  left: 0;

  top: 50%;

  width: 100%;

  transform: translateY(-50%);

}



.cwd-map:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #475470;

    opacity: .7;

    z-index: 1;

}



.cwd-map .cont {

    position: absolute;

    left: 0;

    top: 50%;

    width: 100%;

    text-align: center;

    z-index: 2;

    margin-top: -53px;

}



.cwd-map .cont h4 {

    font-size: 28px;

    color: #fff;

}



.cwd-map .cont .more-addr {

    display: inline-block;

    margin-top: 20px;

    width: 200px;

    height: 44px;

    line-height: 44px;

    border-radius: 22px;

    background: #f4f4f4;

    color: #f4f4f4;

    font-size: 18px;

    color: #333;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.cwd-map .cont .more-addr .icon-addr {

    display: inline-block;

    width: 23px;

    height: 100%;

    background: url(../images/icon-map.png) no-repeat center;

    background-size: contain;

    vertical-align: top;

    margin-right: 15px;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.cwd-map .cont .more-addr:hover {

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

    background: #fff300;

    color: #000;

}



.cwd-map .cont .more-addr:hover .icon-addr {

    background: url(../images/icon-map-on.png) no-repeat center;

    background-size: contain;

}



.foot-contact .tit {

    color: #475470;

    margin-bottom: 5px;

}



.foot-contact .tel {

    font-size: 36px;

    color: #333;

    line-height: 1.1;

    font-family: "din-bold", Arial;

}



.foot-contact .zx {

    display: inline-block;

    width: 199px;

    height: 44px;

    line-height: 44px;

    border-radius: 22px;

    text-align: center;

    background: #fff300;

    color: #333;

    font-size: 18px;

    margin-top: 15px;

    margin-bottom: 20px;

    cursor: pointer;

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

}



.foot-contact .zx:hover {

    opacity: .9;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

}



.foot-contact1 {

  color: #666;

  font-size: 16px;

  line-height: 30px;

}



.guest_box {

    width: 100%;

    margin: 0 auto;

}



li.error {

    position: relative;

}



.guest_box li {

    width: 32.3333%;

    line-height: 40px;

    font-size: 12px;

    color: #666;

    float: left;

    margin-bottom: 10px;

}



.guest_box li .input {

    font-size: 12px;

    border: 1px solid #fff;

    width: 510px;

    height: 40px;

    line-height: 40px;

    padding-left: 30px;

    color: #666;

    background: #fff;

    background-color: #eee;

}



.guest_box li.error {}



span.error {

    position: absolute;

    top: 72px;

    left: 0;

    color: #ff0000;

    font-size: 12px;

}



.guest_box li .textarea {

    font-size: 12px;

    width: 510px;

    height: 230px;

    border: 1px solid #fff;

    padding-left: 30px;

    padding-top: 10px;

    color: #666;

    line-height: 20px;

    background-color: #eee;

}



textarea {

    overflow: auto;

}



.guest_box .submit {

    width: 198px;

    height: 57px;

    margin: 0 auto;

    margin-top: 67px;

    background: none;

    display: block;

    color: #76ae0d;

    font-size: 16px;

    cursor: pointer;

    transition: 0.3s;

    border: 1px solid #76ae0d;

}



/*.guest_box .submit:hover {color:#fff;background-color:#76ae0d;}*/

.zxly .list_title2 {

    margin-bottom: 65px;

}



.guest_box2 li {

    width: 386px;

    margin-bottom: 15px;

}



.guest_box2 li.error {

    margin-right: 20px;

}



.guest_box2 .submit {

    width: 145px;

    height: 40px;

}



.biaodan_con li {

    border: 0;

    margin-right: 1%;

    border: 1px solid #b5b5b5;

}



.biaodan_con li.m_r {

    margin-right: 0;

}



.biaodan_con li .input {

    border: 0;

    height: 43px;

    padding-left: 5%;

    width: 100%;

    background-color: #fff;

}



.biaodan_con li.text_error {

    width: 99%;

    height: 202px;

    margin-bottom: 0px;

}



.biaodan_con li .textarea {

    width: 100%;

    padding-left: 1.5%;

    height: 200px;

    background-color: #fff;

}



.biaodan_con .submit {

    border: 0;

    width: 200px;

    height: 44px;

    line-height: 44px;

    border-radius: 22px;

    margin: 0 auto;

    margin-top: 65px;

    background-color: #fff300;

    display: block;

    color: #333;

    font-size: 16px;

    cursor: pointer;

    transition: 0.3s;

    opacity: 1;

}



.biaodan_con .submit:hover {

    opacity: .9;

}



.biaodan_con_p {

    font-size: 14px;

    color: #999;

    padding-top: 20px;

    padding-left: 20px;

}



/*详情位置*/

.detail-position {

    position: fixed;

    left: 0;

    top: 11 0px;

    width: 100%;

    height: 70px;

    line-height: 70px;

    background-color: #666;

    z-index: 10;

}



.detail-position .w {

    padding-left: 20px;

    background: url("../images/house_icon01.png") left center no-repeat;

}



.detail-position,

.detail-position a {

    color: #fff;

    font-size: 15px;

}



.detail-position a.back {

    display: inline-block;

    background: url("../images/back_icon01.png") left center no-repeat;

    padding-left: 25px;

}



.detail-main {

    padding-top: 150px;

    background-color: #f5f5f5;

}



.detail-main .img {

    width: 50%;

    padding-right: 3%;

}





.detail-main li img {

    max-width: 100%;

    max-height: 100%;

}



.detail-main .big {

    width: 100%;

    height: 500px;

    line-height: 500px;

}



.detail-main .big li {

    width: 100%;

    text-align: center;

    background-color: #fff;

    border: 1px solid #e9edf0;

}

.detail-main .big li img {

  width: 100%;

  height: 100%;

}



.detail-main .txt {

    width: 50%;

    padding-left: 2%;

}



.detail-main .txt h3 {

    width: 100%;

    height: 50px;

    color: #333;

    font-size: 28px;

    position: relative;

}



.detail-main .txt h3:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 95%;

    height: 1px;

    background-color: #d8d8d8;

}



.detail-main .txt h4 {

    height: 50px;

    margin-top: 40px;

    color: #333;

    font-size: 15px;

    font-weight: 700;

}

.detail-main .txt h6 {

  margin-bottom: 15px;

  font-size: 22px;

  text-align: center;

}



.detail-main .txt .info {

    width: 80%;

    padding-top: 30px;

    margin-bottom: 30px;

}



.detail-main .txt p {

    line-height: 30px;

    color: #666;

    font-size: 15px;

}



.detail-main .txt .submit {

    display: inline-block;

    width: 156px;

    height: 40px;

    line-height: 40px;

    color: #fff;

    font-size: 15px;

    text-align: center;

    background-color: #333;

}



.detail-main .txt a:hover {

    background-color: #4420f6;

}



.detail-main .txt span {

    display: inline-block;

    margin-left: 40px;

    padding-left: 25px;

    color: #4420f6;

    font-size: 24px;

    background: url(../images/phone_icon02.png) left center no-repeat;

}



.detail-info {

    padding-top: 0;

}



.detail-info .introduce {

    width: 70%;

}



.detail-info h6 {

  padding-top: 40px;

  height: 110px;

  color: #333;

  font-size: 26px;

  position: relative;

  text-align: left;

}



.detail-info h6:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 1px;

    background-color: #e5e5e5;

}

.detail-info h6 span {

    margin-right: 10px;

    cursor: pointer;

}

.detail-info h6 span.active {

    color: #4420f6;

}



.detail-info .introduce .content {

    display: none;

    padding-top: 20px;

}

.detail-info .introduce .content.active {

    display: block;

}



.detail-info .introduce .content table {

    width: 100%;

    margin-top: 20px;

    line-height: 3;

    border-spacing: 0;

    border: 0 solid #000;

    border-right-width: 1px !important;

    border-bottom-width: 1px !important;

}



.detail-info .introduce .content table td {

    margin: 0;

    padding: 0;

    border-width: 0 !important;

    border-left-width: 1px !important;

    border-top-width: 1px !important;

}



.detail-info .introduce p {

    line-height: 30px;

    color: #666;

    font-size: 15px;

}



.detail-info .introduce img {

    max-width: 100%;

}



.detail-info .content {

    width: calc(100% - 360px);

}



.detail-info .content img {

    max-width: 100%;

}



.detail-info .related {

    width: 320px;

}



.detail-info .related li {

    margin-bottom: 20px;

}





.detail-info .related li .img {

    width: 100%;

    height: 0;

    padding-bottom: 70%;

    text-align: center;

    position: relative;

    overflow: hidden;

}



.detail-info .related li img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  transition: all .3s;

}

.detail-info .related li:hover img {

  transform: scale(1.05);

}



.detail-info .related li p {

    margin-top: 15px;

    color: #333;

    font-size: 15px;

    text-align: center;

}





/*底部*/

.footer {

  padding-top: 60px;

  color: #fff;

  background-color: #333;

}

.footer .nav {

  width: calc(100% - 390px);

}

.footer dl {

  float: left;

  margin-right: 4vw;

  padding-right: 4vw;

  color: #fff;

  font-size: 18px;

  text-align: left;

  border-right: 1px solid #5c5c5c;

}

.footer dl:last-child {

  margin-right: 0;

  border: none;

}

.footer dl a {

  color: #fff;

}

.footer dt {

  height: 40px;

  position: relative;

}

.footer dd a {

  display: block;

  height: 30px;

  color: #999;

  font-size: 14px;

}

.footer .phone {

  width: 390px;

}

.footer .phone .img {

  padding-right: 25px;

  border-right: 1px solid #5c5c5c;

}

.footer .phone span {

  display: inline-block;

  width: 14px;

  color: #fff;

  font-size: 12px;

  line-height: 1.2;

  opacity: .4;

  vertical-align: top;

}

.footer .phone img {

  width: 110px;

  height: 110px;

  margin-left: 5px;

  vertical-align: top;

}

.footer .phone .txt {

  padding-left: 20px;

  padding-top: 20px;

  text-align: left;

}

.footer .phone h4 {

  height: 25px;

  color: #fff;

  font-size: 14px;

}

.footer .phone h5 {

  color: #fff300;

  font-size: 26px;

}



.footer .links {

  margin-top: 50px;

}

.footer .links,

.footer .links a {

  color: #999;

  font-size: 14px;

}

.footer .links span {

  color: #999;

  margin: 0 10px;

}



.footer .copy {

  margin-top: 40px;

  height: 60px;

  line-height: 60px;

  color: #656565;

  font-size: 14px;

  background-color: #333;

  border-top: 1px solid #393939;

}

.footer .copy a {

  display: inline;

  color: #656565;

  font-size: 14px;

  margin: 0 4px;

}

.footer a:hover {

  color: #fff300;

  transform: translateX(5px);

  transition: all .3s;

}





/*鼠标hover效果*/

.hover-img-big {

  overflow: hidden;

}

.hover-img-big img {

  transition: transform .5s;

}

.hover-img-big:hover img {

  transform: scale(1.02);

}

.hover-left-rotate {

  transition: transform .3s;

}

.hover-left-rotate:hover {

  transform:rotateY(360deg);

}

.hover-left-move {

  position: relative;

  right: 0;

  transition: right .5s;

}

.hover-left-move:hover {

  right: -10px;

}

.hover-top-move {

  position: relative;

  top: 0;

  transition: all .3s;

}

.hover-top-move:hover {

  top: -5px;

}

.hover-bg-big {

  position: relative;

  z-index: 1;

}

.hover-bg-big:after {

  content: "";

  background-color: #fff;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  transform: scale(0);

  transition: transform .3s;

  z-index: -1;

}

.hover-bg-big:hover:after {

  transform: scale(1);

}



.sea-product .img {

  height: 300px;

}

.sea-product img {

  max-height: 90%;

}

.sea-product li {

  transition: all .3s;

}

.sea-product li:hover {

  transform: translateY(-10px);

}



@media (max-width: 1600px) {

  .header .nav li {

    margin-left: 10px;

  }

  .header .phone i {

    display: none;

  }

  .header .phone span {

    margin-right: 0;

  }

}

@media (max-width: 1400px) {

  .w {

    width: 1200px;

  }

  .header .nav li {

    margin-left: 2px;

  }

}

@media (max-width: 1280px) {

  .w {

    width: 1100px;

  }

}